*{
  margin: 0;
  padding: 0
}


.nav_top1{
  height: 47px;
  background-color: #469AA7;
}
.nav_top2{
  height: 102px;
  background-color: #1C435E;
}
.nav_top1_login ,.nav_top2_logo{
  width: 1400px;
  
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.call_phone{
  height: 47px;
  display: flex;
  align-items: center;
 
}
.call_phone img{
  width:29px ;
  margin-right: 18px;
}
.call_phone span,.login>a,.login>span{
font-size: 16px;
font-family: "Microsoft YaHei";
font-weight: 400;
color: #FFFFFF;

}
.login{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.login>a{
  margin: 0 15px;
}

.nav_top2_logo{
  height:102px ;
}
.BYD_logo{
  width: 213px;
  height: 41px;
}
.BYD_logo img{
  width: 100%;
}

.navbar{
  display: flex;
  justify-content: flex-end;
  user-select: none;
  
}
.navbar span{
  
padding: 36px 40px;
font-size: 24px;
font-family: 'Microsoft YaHei';
font-weight: 400;
color: #FFFFFF;
opacity: 0.5;

}
.navbar .navbar-2 .active{

  transform:skew(-20deg) ;
  background-color: #469AA7;
  opacity: 1;
}









.center{
  margin: 0 auto;
  width: 1400px;
  
  margin-top: 50px;
}
.car_details{
  display: flex;
}
.car_details_left{
  width: 634px;
  background-color: #eee;
  height:516px;
}

.car_details_left img{
  width: 100%;

}
.car_details_lg_img{
  width: 634px;
  margin-top: 23px ;

}
.car_details_lg_img img{
  width: 160px;
  margin-right: 23px;
}
.car_details_right{
  margin-left: 53px;
}
.car_details_right h3{
  margin-top: 20px;
  font-size: 42px;
  font-weight: bold;
  color: #333333;
  height: 30px              ;
  
}
.car_details_right h5{
  margin-bottom: 10px;
  font-weight: 300;
}
.price{
  overflow: hidden;
  height: 100px;
}
.car_details_right .price-text{
  padding: 10px;
  /* width:180px ; */
  float: left;
  background-color: #982A23;
  font-size: 16px;
  color:white;
  margin-top:50px;
 
}
.car_details_right .price-number span:first-child{
  width: 202px;
  display: inline-block;
  height: 76px;
  color: #982A23;
  font-family: Impact;
  font-size: 86px;
  font-weight: 400;
  margin-left: 30px;
  /* float: left; */
}
.car_details_right .price-number span:last-child{
  font-size: 32px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #982A23;
  /* line-height: 22px; */
}
.car_spec{
  overflow: hidden;
  margin-top: 50px;
  /* height: 100px; */
}
.car_text{
  float: left;
  width: 48px;
  height: 24px;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  line-height: 100px;
}
.car_list{
  float: left;
  width: 600px;
  margin-left: 20px;
}
.car_list span{
  background: #FFFFFF;
  border: 2px solid #cccccc;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  margin-right: 10px;
  margin-bottom:15px;
  padding: 10px 15px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  cursor: pointer;
}
.car_list span .active{
  border: 2px solid #982A23;
}
.car_color{
  display: flex;
  justify-content: flex-start;
  height: 100px;
}
.car_color_text {
 margin-top: 30px;
  font-size: 24px;
  font-family: 'Microsoft YaHei';
  font-weight: bold;
  color: #333333;
 
}
.color_item {
  
  display: flex;
  width: 450px;
  margin-top: 30px;
 
  justify-content: space-around;
}
.color_item div{
  text-align: center;
  
}

.color_item p{
  font-size: 16px;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  color: #333333;
}
.car_address{
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  height: 150px;

}
.car_city_text,.jxs_text{
  font-size: 24px;
  font-family: 'Microsoft YaHei';
  font-weight: bold;
  color: #333333;
}
.car_address .input1{
  width: 167px;
  height: 52px;
  background: #FFFFFF;
  border: 2px solid #CCCCCC;
  margin: 20px;
 
  }
  .car_address .input2{
  width:300px;
  height: 52px;
  background: #FFFFFF;
  border: 2px solid #CCCCCC;
  margin: 20px;
}
.btn_ddty{
 border: 0ch;
  background: #982A23;
  padding:23px 53px;
  margin: 20px 70px; 
font-size: 30px;
font-family: 'Microsoft YaHei';
font-weight: 400;
color: #FFFFFF;
line-height: 22px;
}

.car_view{
  width: 1400px;
  height: 110px;
  background: #EFEFEF;
  margin-top: 84px;
  display: flex;
  justify-content: flex-start;
}

.car_view > div{
  padding: 40px 66px;
  font-size: 30px;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  color: #333333;
  user-select: none;
}
.gs1,.gs{
  border-bottom: 4px solid #fff ;
  padding-bottom: 10px;
  background: #982A23;
  color: #fff; 
 
}
.gs.active,.gs1.active{
  border-bottom: 4px solid #fff ;
  padding-bottom: 10px;
  background: #982A23;
  color: #fff; 
}
.car_view>img{
  width: 100%;
}











